<template>
  <div>
    <h1>App</h1>

    <ul>
      <li>
        <!-- http://127.0.0.1:8088/user?a=jack&b=20#/users/a?name=jack&age=20 -->
        <!-- http://127.0.0.1:8088/#/users/a?name=jack&age=20 -->
        <router-link to="/users/a?name=jack&age=20">UsersA</router-link>
      </li>
      <li>
        <router-link to="/users/a?name=lili&age=18">UsersA</router-link>
      </li>

      <li>
        <!-- http://127.0.0.1:8088/#/users/a#abc -->
        <router-link to="/users/a#abc">UsersA</router-link>
      </li>
      <li>
        <!-- http://127.0.0.1:8088/#/users/b/100?name=jack&age=20#efg -->
        <router-link to="/users/b/100?name=jack&age=20#efg">UsersB</router-link>
      </li>
    </ul>
    params:{{ $route.params }}
    <hr>
    query:{{ $route.query }}
    <hr>
    hash:{{ $route.hash }}
    <router-view></router-view>
  </div>
</template>
<script>
export default {


}
</script>

<style>
div {
  padding: 10px;
  margin: 10px;
  border: solid;
}
</style>